
$(function () {
  // 菜单展开/折叠交互
  $('.menus .triangle').click(function () {
    $(this).parents('li').toggleClass('collapsed');
  })
})
let data = {
  pagenum: 1,
  pagesize: 5
}
let str = ''

function abc() {
  $.ajax({
    url: 'http://192.168.151.73:8888/api/articles',
    data: data,
    success: function (res) {
      if (res.status === 0) {
        console.log(res);
        ff(res.total)
        res.data.forEach(item => {
          str += `
             <div class="item">
             <h4>
               <a href="./detail.html?id=${item.id}">${item.title}</a>
             </h4>
             <p class="meta">
               <span>${item.pub_date}</span>
               <a href="https://weixin.qq.com/" class="wechat"></a>
               <a href="https://weibo.com/" class="weibo"></a>
             </p>
             <p class="brief">${item.content}</p>
           </div> `

        })
        $('.kr_news_list1').append(str)
        str = ''
      } if (res.status === 1) {
        console.log(失败);
      }

    }
  })
}
abc()

// -------------------------分页---------

function ff(a) {
  layui.use('laypage', function () {

    var laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
      elem: 'baad' //注意，这里的 test1 是 ID，不用加 # 号
      , count: a,//数据总数，从服务端得到
      limit: data.pagesize,
      curr: data.pagenum,
      layout: ['next'], // 自定义排版
      jump: function (obj, first) {
        // 首次不执行
        if (!first) {
          data.pagenum = obj.curr;
          data.pagesize = obj.limit;
          abc()
        }
      }
    });

  });
}